lion
/
site_8g


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
							import clsx from "clsx";
import { Viewport } from "next";
import { NextIntlClientProvider } from "next-intl";
import { getMessages } from "next-intl/server";
import { Inter as FontSans } from "next/font/google";
import { ReactNode } from "react";
import Head from "next/head";
import "../globals.css";

import PageTransitionEffect from "@/components/PageTransitionEffect";
import { Providers } from "./providers";

// 加载字体
const fontSans = FontSans({
    subsets: ["latin"],
    variable: "--font-sans",
});
export const viewport: Viewport = {
    themeColor: [
        { media: "(prefers-color-scheme: light)", color: "white" },
        { media: "(prefers-color-scheme: dark)", color: "black" },
    ],
};
export default async function LocaleLayout({
    children,
    params: { locale },
}: {
    children: ReactNode;
    params: { locale: string };
}) {
    const messages = await getMessages();

    return (
        <html lang={locale} suppressHydrationWarning>
            <Head>
                <meta http-equiv="X-UA-Compatible" content="IE=edge" />
                <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover" />
                <meta name="keywords" content=""/>
                <meta name="description" content=""/>
                <meta http-equiv="Cache-control" content="no-cache, no-store, must-revalidate"/>
                <meta http-equiv="Pragma" content="no-cache"/>
                <meta http-equiv="Expires" content="0"/>
                <meta name="apple-mobile-web-app-status-bar-style" content="black" />
                <meta name="format-detection" content="telphone=no, email=no" />
                <meta name="viewport" content="viewport-fil=cover" />
            </Head>
            <body className={clsx("font-sans", fontSans.variable)}>
                <Providers themeProps={{ defaultTheme: "dark", attribute: "class" }}>
                    <NextIntlClientProvider messages={messages}>
                        <PageTransitionEffect>{children}</PageTransitionEffect>
                    </NextIntlClientProvider>
                </Providers>
            </body>
        </html>
    );
}